<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>[[${bargain.actName}]]</title>
    <meta name="keywords" content="LZY管理系统首页">
    <meta name="description" content="LZY管理系统首页">
	<meta content="yes" name="apple-mobile-web-app-capable"></meta>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"></meta>
	<meta name="format-detection" content="telephone=no"></meta>
	<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"></meta>
	<meta content="yes" name="full-screen"></meta>
	<meta content="true" name="x5-fullscreen"></meta>
	<meta content="application" name="browsermode"></meta>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link   th:href="@{/content/bargain/default/css/index.css}" type="text/css" rel="stylesheet" />
	<script th:src="@{/content/bargain/default/js/jquery-1.9.1.min.js}" type="text/javascript"></script>
	<script th:src="@{/content/bargain/default/js/jquery.form.js}" type="text/javascript"></script>
	<script th:src="@{/content/bargain/default/js/static-page.js}" type="text/javascript"></script>
	<script th:src="@{/content/bargain/default/js/common.js}" type="text/javascript"></script>
	<script th:src="@{/content/bargain/default/js/wxcheck.js}" type="text/javascript"></script>
</head>
<body>
<div class="Nqqx_wrapper">
  <!--banner-->
  <div class="Nqqx_banner">
        <div class="Nqqx_banner_center" th:if="${bargain.productRemainNum gt 0}">
        	<div class="Nqqx_banner_center_zi">[[${bargain.showRate}]]个</div>
        	<div style="float: left;color: red">千元蓝牙音箱</div>
        </div>
        <div class="Nqqx_banner_center_white">等您领取</div>

    	<div class="Nqqx_banner_center" style="color:red" th:if="${bargain.productRemainNum lt 0}">>
    		蓝牙音箱已抢光
    		<div class="Nqqx_banner_center_white" style="color:red">请继续关注下次活动</div>
        </div>
    	
    </div>
  <!--banner end-->
  <!--ceonter-->
  <div class="Nqqx_conter_form">
    <div class="Nqqx_conter">
      <div class="Nqqx_conter_jj">
        <div class="Nqqx_conter_jj_nr">
          <ul th:if="${bargainRegistration.awardsStatus eq '1'}" >
           <li>恭喜您获得千元蓝牙音箱一部，请填写您真实有效的姓名，手机号码和地址，工作人员会尽快与您取得联系哦~</li>
          </ul>
          <ul th:if="${bargainRegistration.awardsStatus ne '1'}">
            <li> 已有[[${recordListCount}]]位好友帮助我砍价</li>
            <li> 当前价：[[${bargainRegistration.productNewPrice}]]元</li>
            <li> 原价：[[${bargainRegistration.productPrice}]]元</li>
         </ul>
        </div>
      </div>
      <!--按钮 帮我看砍一刀  我要参加-->      
      <div class="btn_index_block btn_goods">
        <div class="btn_button1">
            <a href="javascript:popup('share-pop-up');"><img th:src="@{/content/bargain/default/img/btn_qhybwc.png}"></a>
        </div>
			<div class="btn_button1" th:if="${bargainRegistration.awardsStatus eq '1'}">
	            <a href="javascript:goReceivePrize();"><img th:src="@{/content/bargain/default/img/btn_yhj.png}"></a>
	        </div>
			<div class="btn_button1" th:if="${bargain.productRemainNum gt 0}">
	            <a href="javascript:void(0)"><img th:src="@{/content/bargain/default/img/btn_whj.png}"></a>
	        </div>
      </div>
      <!--按钮 end-->
      <!--亲友团-->
      <div class="qyt_tou">
        <ul>
          <li class="tou"><span>亲友团</span><span>砍掉价格</span><span>砍后价格</span></li>
        </ul>
      </div>
      <div class="qyt_tou">
        <ul id="recordtable">
          <li class="wei" th:each="item,iterStat:${recordList}">
           <span th:text="${item.nickname}">&nbsp;</span>
          <span class="shanchu" th:text="${item.cutPrice}"></span> 
          <span th:text="${item.currPrice}"></span>
          </li>
        </ul>
      </div>
      <div class="qyt_tou">
        <ul>
          <li class="wei"><span><a id="prev" href="#recordtableheader">上一页</a></span> <span id="current_page">1/110</span> <span><a id="next" href="#recordtableheader">下一页</a></span></li>
        </ul>
      </div>
      <!--亲友团 -->
      <!--活动详情-->
      <div class="hdxq_conter_nr_form">
        <dl class="hdxq_conter_nr">
          <dt class="hdxq_img1_title"><img th:src="@{/content/bargain/default/img/hdxq_title_img.png}" /></dt>
          <dd class="hdxq_wz"> 
              <span><b>如此高端的活动只给铁杆粉</b>：参与本活动前需关注服务号。</span> 
              <span><b>我们拼的是手快和人气</b>：最先砍价至0元的两位用户可以各获得千元的电蟒CrazyBoa 2 Face便携式蓝牙音箱一个。</span> 
              <span>来，po几张我们大奖电蟒CrazyBoa 2 Face便携式蓝牙音箱的美照</span>
            <div class="cp_img1_form"><img th:src="@{/content/bargain/default/img/cp_img1.jpg}" /></div>
            <div class="cp_img1_form"><img th:src="@{/content/bargain/default/img/cp_img2.jpg}" /></div>
          </dd>
          <dt class="hdxq_img1_title"><img th:src="@{/content/bargain/default/img/hdjs_title_img.png}" /></dt>
        </dl>
      </div>
      <!--活动详情 end-->
      <!--活动介绍-->
      <div class="hdjs_conter_nr_form">
        <dl class="hdjs_conter_nr">
          <dt class="hdjs_conter_nr_title"><span><img th:src="@{/content/bargain/default/img/hdjs_title_bg.png}" /></span>
            <p>活动时间</p>
          </dt>
          <dd class="hdjs_conter_nr_wz_list"> <span> 2015年8月20日 00:00 — 8月 31日 00:00</span> </dd>
          <dt class="hdjs_conter_nr_title"><span><img th:src="@{/content/bargain/default/img/hdjs_title_bg.png}" /></span>
            <p>活动玩法</p>
          </dt>
          <dd class="hdjs_conter_nr_wz_list"> <span> 商品的初始价格为[[${bargainRegistration.productPrice}]]元。每个用户可随机帮别人砍掉1元的价格。</span> </dd>
          <dt class="hdjs_conter_nr_title"><span><img th:src="@{/content/bargain/default/img/hdjs_title_bg.png}" /></span>
            <p>奖励</p>
          </dt>
          <dl class="hdjs_conter_nr_wz_list">
            <span> 活动期间最先砍价至0元以下的两位用户即可赢取电蟒CrazyBoa 2 Face 便携式蓝牙音箱一个；</span>
          </dl>
          <dt class="hdjs_conter_nr_title"><span><img th:src="@{/content/bargain/default/img/hdjs_title_bg.png}" /></span>
            <p>特别提醒</p>
          </dt>
          <dd class="hdjs_conter_nr_wz_list"> 
          <span>1. 必须通过关注“LZY”才能参加该活动；</span> 
          <span>2. 活动期间每个微信ID仅能为另一个微信ID砍价一次；</span> 
          <span>3. 作弊刷票者将被取消活动资格。</span>
          <span>4. 音箱奖品颜色随机，以实际收到为准。</span>
          </dd>
        </dl>
      </div>
      <!--活动介绍 end-->
    </div>
  </div>
  <!--ceonter end-->
 
  <!--兑奖弹出框-->
  <div id="receive_prize" style="opacity: 1; display:none;" class="bombScreen">
	  <div class="bombs3 fail1">
	   <form id="receivePrizeForm" name="receivePrizeForm" action="/bargain/receivePrize" method="post">
	 	<input type="hidden" name="id" id="receive_prize_id" value=""/>
	 	<input type="hidden" name="actId" id="receive_prize_actId" th:value="${bargain.id}"/>
		<input type="hidden" name="openid" id="receive_prize_openid" th:value="${weixinDto.openid}"/>
		<input type="hidden" name="nickname" id="receive_prize_nickname" th:value="${weixinDto.nickname}"/>
	    <input type="hidden" name="subscribe" id="receive_prize_subscribe" th:value="${weixinDto.subscribe}"/>
	    <div class="inputcontent3"> <span class="sjtck_word"> 兑奖说明：恭喜您获得千元蓝牙音箱，请输入您的真实姓名、通讯畅通的电话号码，以及详细有效的收件地址，工作人员稍后会与您电话沟通确认后，为您寄送奖品。 </span>
	      <p class="zsxm_input ">
	        <input placeholder="请填写您的真实姓名" id="receive_prize_realName" name="realName" type="text" class="input_form">
	      </p>
	      <p class="sjh_input ">
	        <input  placeholder="输入您真实有效的的手机号码" id="receive_prize_mobile" name="mobile" type="text" class="input_form">
	      </p>
	      <p class="xxdz_textarea">
	        <textarea  cols="45" rows="5"  id="receive_prize_address"  name="address" class="input_form2" placeholder="输入您的详细地址"></textarea>
	      </p>
	      <i class="erwm_btn_qd"><a href="javascript:receivePrize();" id="receivePrizeButton" ><img th:src="@{/content/bargain/default/img/btn_tj.png}" /></a></i> </div>
	  </form>
	  </div>
  </div>
  <!--兑奖弹出框  end-->
  
  <!--兑奖成功 start-->
    <div id="receive_prize_success" style="opacity: 1; display:none;" class="bombScreen">
	     <!--提示-->
	     <div class="bombs7  fail1"   style=" display:">
		      <div class="inputcontent7">
		         <div class="tstk_conter">
		             <span class="kstk_ts">恭喜您！</span>
		             <div class="tstk_conter_word">您已成功申请领取蓝牙音箱！</div>
		              <i class="tstk_conter_btn"><a href="javascript:popuphide('receive_prize_success')"><img th:src="@{/content/bargain/default/img/btn_qd.png}" /></a></i> 
		         </div>
		    </div>
		  </div>
    </div>
    <!--兑奖成功 end-->
  
   <!--提示框 start-->
    <div id="tip_msg" style="opacity: 1; display:none;" class="bombScreen">
	    <!--提示-->
	    <div class="bombs7  fail1"   style=" display:">
		      <div class="inputcontent7">
		         <div class="tstk_conter">
		             <span class="kstk_ts">提示：</span>
		             <div class="tstk_conter_word" id="tip_msg_content"></div>
		              <i class="tstk_conter_btn"><a href="javascript:popuphide('tip_msg')"><img th:src="@{/content/bargain/default/img/btn_qd.png}" /></a></i> 
		         </div>
		    </div>
		  </div>
    </div>
    <!--提示框 end-->
  
    <div id="share-pop-up" style="display:none;" onclick="popuphide('share-pop-up');">
	    <div class="pop"></div>
	</div>
</div>
</body>
<!-- 微信分享功能 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script th:inline="javascript">
	wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: [[${appId}]], // 必填，公众号的唯一标识
        timestamp: [[${timestamp}]], // 必填，生成签名的时间戳
        nonceStr: [[${nonceStr}]], // 必填，生成签名的随机串
        signature: [[${signature}]],// 必填，签名，见附录1【必填：通过提供接口获取】
        jsApiList: [
    	        'checkJsApi',
    	        'onMenuShareTimeline',
    	        'onMenuShareAppMessage'
    	        ]
         // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.ready(function () {
		var newHdUrl = [[${hdUrl}]]+ '?fxOpenid=' + [[${weixinDto.fxOpenid}]];
 	    wx.onMenuShareTimeline({
            title: [[${bargain.actName}]], // 分享标题【必填】
            link: newHdUrl, // 分享链接【必填】
            imgUrl: [[${bargain.shortUrl}]], // 分享图标【必填】
            success: function () { 
                // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
            }
        });
        
	  
        wx.onMenuShareAppMessage({
            title: [[${bargain.actName}]], // 分享标题【必填】
            desc: [[${bargain.actDetail}]], // 分享描述【必填】
            link: newHdUrl, // 分享链接【必填】
            imgUrl: [[${bargain.shortUrl}]], // 分享图标【必填】
            type: 'link', // 分享类型,music、video或link，不填默认为link【必填】
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () { 
                // 用户确认分享后执行的回调函数
				alert('已分享');
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
				 alert('已取消');
            }
        });

  	});
	
</script>
</html>